* {
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif
}

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

body {
    color: #595959;
}

/* 顶部样式 */
.layui-header {
    color: #f0f0f0;
    background-color: #3c8dbc !important;
    padding: 0 20px;
}

.layui-logo {
    line-height: 60px;
    text-align: center;
}

.easy-logo-img {
    width: 30px;
    height: 30px;
    vertical-align: middle;
    border-style: none;
}

.easy-logo-title {
    color: #f0f0f0;
    font-size: 20px;
    font-weight: bold;
    font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
    position: relative;
}

.easy-header-child a {
    color: #474b4f !important;
}

/* 侧边菜单样式 */
.layui-side {
    color: #f0f0f0;
    width: 200px;
}

.layui-nav .layui-nav-item a {
    color: #f0f0f0;
}

.layui-side .layui-nav {
    background-color: #496176 !important;
}

.layui-side .layui-nav-item a:hover,
.layui-side .layui-nav-itemed > a {
    background-color: #474b4f;
    color: #fff;
}

.layui-side .layui-nav-child a:hover {
    background-color: #474b4f;
    color: #fff;
}

.layui-nav-tree .layui-this > a {
    background-color: #4388af !important;
}

.layui-nav-tree .layui-nav-item a {
    overflow: visible !important;
}

.easy-menu-item .layui-nav-child a {
    padding-left: 30px !important;
}

/* 主体样式 */
.layui-tab {
    margin: 0 !important;
}

.layui-tab-title {
    background-color: #fff;
}

.easy-tab-title .layui-this {
    color: #3c8dbc !important;
    background-color: #f8f8f8;
}

.layui-tab-content {
    padding: 0 !important;
    background-color: #f0f0f0;
}

.easy-tab-option {
    position: fixed;
    top: 60px;
    right: 0;
    border: 1px solid lavender;
    width: 70px;
    height: 38px;
    line-height: 38px;
    z-index: 101;
}

.easy-tab-option .layui-nav {
    padding: 0;
    background-color: #fff;
    color: #000;
}

.easy-tab-option .layui-nav a {
    color: #131212 !important;
    font-size: 12px;
    padding: 0 16px !important;
}

.easy-tab-option .layui-nav a:hover {
    color: #000;
}

.easy-tab-option .layui-nav .layui-nav-item {
    line-height: 38px;
}

.easy-tab-option .layui-nav-child {
    top: 40px;
}

/* 底部样式 */
.layui-footer {
    background-color: #fff !important;
}

.layui-footer-body {
    position: fixed;
    right: 20px;
}

/* 容器样式 */
.layui-fluid {
    margin: 15px !important;
    padding: 0 !important;
}

.easy-container {
    padding: 15px;
    margin: 0;
}

/* 按钮 */
.layui-btn {
    background-color: #3c8dbc !important;
}

.layui-btn-danger {
    background-color: #ce4318 !important;
}

.layui-btn-warm {
    background-color: #cfa433 !important;
}

.layui-btn-checked {
    background-color: #1f607a !important;
}

.layui-btn-disabled {
    background-color: #696565 !important;
}

.layui-btn-normal {
    background-color: #16baaa !important;
}

.layui-btn-primary {
    background-color: #e5e5e5 !important;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #3c8dbc !important;
}

/* 必填样式 */
.layui-form-label.required:before {
    content: '*';
    color: red;
    margin-right: 3px;
}

/* 设置滚动条整体的宽度 */
::-webkit-scrollbar {
    display: inline;
    width: 8px;
    height: 8px;
}

/* 设置滚动条轨道的样式 */
::-webkit-scrollbar-track {
    background-color: #fff;
}

/* 设置滚动条滑块的样式 */
::-webkit-scrollbar-thumb {
    background-color: #d2d2d2;
    border-radius: 8px;
}